<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>微demo</title>
	<meta name="renderer" content="webkit" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />	
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />	
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="format-detection" content="telephone=no" />	
	<!-- load css -->
	<link rel="stylesheet" type="text/css" href="assets/admin/skins/default/style.css" />
	<script type="text/javascript" src="assets/scripts/jquery/jquery-1.11.2.min.js" ></script>
	<script type="text/javascript" src="assets/admin/scripts/common.js"></script>
	<script type="text/javascript" src="assets/admin/scripts/layindex.js"></script>
	<script type="text/javascript" src="assets/scripts/jquery/jquery.nicescroll.js"></script>
	<script type="text/javascript" src="assets/libs/artDialog/jquery.artDialog.js?skin=default"></script>
	<script type="text/javascript" src="assets/libs/artDialog/artDialog.iframeTools.js"></script>
</head>
<body class="mainbody">
	<!--全局菜单-->
  	<a class="btn-paograms" onclick="togglePopMenu();"></a>
	<div id="pop-menu" class="pop-menu" style="display: none;">
	    <div class="pop-box" style="width: 610px; height: 470.4px;">
	      <h1 class="title"><i></i>导航菜单</h1>
	      <i class="close" onclick="togglePopMenu();">关闭</i>
	      <div class="list-box"></div>
	    </div>
	    <i class="arrow">箭头</i>
	</div>
  	<!--/全局菜单-->
  	<div class="main-top">
	    <a class="icon-menu"></a>
	    <div id="main-nav" class="main-nav" style=""></div>
	    <div class="nav-right">
	      <div class="info">
	        <i></i>
	        <span th:text="'您好，'+${name}">您好，song</span>
	      </div>
	      <div class="option" >
	      	<i></i>
	      	<div class="drop-wrap">
	          <div class="arrow"></div>
	          <ul class="item">
	            <li>
	              <a href="logout">注销登录</a>
	            </li>
	          </ul>
	        </div>
	      </div>
	    </div>
	</div>
	
	<ul th:fragment="nav(menuList)">
		<li th:each="obj : ${menuList}">
			<a target="mainframe" th:href="${obj.href}" th:target="${#strings.defaultString(obj.target,'mainframe')}" th:attr="navid=${obj.id}">
				<span th:text="${obj.name}">用户中心</span>
			</a>
			<ul th:include="::nav(${obj.children})" th:if="${#lists.size(obj.children)} gt 0"></ul>
		</li>
	</ul>
	
	<div class="main-left">
	    <!--<h1 class="logo"></h1>-->
		<h1 style="text-align: center;margin-top: 10px;color: #00b7ee">微demo</h1>
	    <div id="sidebar-nav" class="sidebar-nav">
	    	<div class="list-group" th:each="topMenuDto : ${@menuService.menus}">
				<h1 th:title="${topMenuDto.name}"><img src="assets/admin/skins/default/nav/home.png" /></h1>
				<div class="list-wrap">
					<h2 th:text="${topMenuDto.name}">后台管理<i></i></h2>
					<ul th:replace="::nav(${topMenuDto.children})"></ul>
				</div>
			</div>
	    </div>
	</div>
  
	<div class="main-container">
	    <iframe id="mainframe" name="mainframe" ></iframe>
	</div>
</body>
</html>